<!--
 * @Descripttion: 
 * @version: 
 * @Author: Mirst
 * @Date: 2021-10-15 16:02:30
 * @LastEditors: Mirst
 * @LastEditTime: 2021-10-16 20:28:27
-->
<!--
 * @Descripttion: 
 * @version: 
 * @Author: Mirst
 * @Date: 2021-10-12 09:03:16
 * @LastEditors: Mirst
 * @LastEditTime: 2021-10-12 12:45:03
-->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Image Gallery</title>
    <link rel="stylesheet" href="styles/layout.css" media="screen" />
  </head>
  <body>
    <h1>Snapshots</h1>
    <ul id="imagegallery">
      <li>
        <a href="images/city.jpg" title="city city city"
          ><img src="images/city.jpg" alt="city pic"
        /></a>
      </li>
      <li>
        <a href="images/tree.jpg" title="tree tree tree"
          ><img src="images/tree.jpg" alt="tree pic"
        /></a>
      </li>
      <li>
        <a href="images/env.jpg" title="env env env"
          ><img src="images/env.jpg" alt="env pic"
        /></a>
      </li>
      <li>
        <a href="images/car.jpg" title="car car car"
          ><img src="images/car.jpg" alt="car pic"
        /></a>
      </li>
    </ul>
    <h1><a href="headFirst/index.html">拓拓是猪猪吗？</a></h1>

    <script src="scripts/showPic.js"></script>
  </body>
</html>
